<div class="f-nav-detail">
    <detail-nav></detail-nav>
</div>
<div class="car-center">
    <h1>确认订单</h1>
    <ul class="car-title">
        <li class="car-course">课程</li>
        <li class="car-time">课程有效期</li>
        <li class="car-price">价格</li>
    </ul>
    <div class="car-main">
        <div class="car-one" ng-repeat="item in orderInfo">
            <h3><img src="them/imag/car-company.png" alt="">{{item.fullName}}</h3>
            <ul ng-repeat="item1 in item.cartList" ng-if="item1.scId">
                <li class="car-course"><a href="" style="margin-right: 34px"><img src="them/imag/noCourse.png" ng-src="{{item1.course.previewPath}}" alt=""></a><a href="" style="vertical-align: top">{{item1.course.title}}</a></li>
                <li class="car-time">永久有效</li>
                <li class="car-price">￥{{item1.money}}</li>
            </ul>
        </div>
    </div>
    <div class="car-bottom">
        <div class="car-money">
            <a ui-sref="shoppingCarCtrl">返回购物车修改</a>
        </div>
        <div class="pay-button" ng-click="submitOrder()">

        </div>
    </div>
</div>
<div ng-include="'app/business/common/footer.html'"></div>
<style>
    .car-center{
        width:1200px;
        margin:0 auto;
        min-height:460px;
        height:auto!important;
        height:460px;
    }
    .car-center h1{
        font-size: 16px;
        padding: 30px 0 18px 0;
        font-weight: normal;
        font-size: 16px;
    }
    .car-center ul{
        overflow: hidden;
    }
    .car-center li{
        float: left;
        overflow: hidden;
    }
    .car-title{
        padding:13px;
        height:12px;
        border:1px solid #eee;
        background: #f7f7f7;
        font-size: 12px;
        line-height: 12px;
    }
    .car-input input{
        width:10px;
        height:10px;
        background: #fff;
        border:1px solid #999;
        margin: 0 13px;
    }
    .car-course{
        width:765px;
    }
    .car-time{
        width:275px;
    }
    .car-price{
        width:132px;
    }
    .car-one{
        overflow: hidden;
        margin-bottom: 22px;
        font-size: 14px;
    }
    .car-one h3 input{
        width:10px;
        height:10px;
        background: #fff;
        border:1px solid #999;
        margin: 0 13px;
    }
    .car-one h3 img{
        margin-right: 7px;
    }
    .car-one .car-input input{
        vertical-align: top;
    }
    .car-one ul{
        border: 1px solid #ddd;
        border-top:0;
        padding:13px;
    }
    .car-one ul img{
        width:158px;
        height:100px;
    }
    .car-one ul:nth-of-type(1){
        border-top:2px solid #aaa;
    }
    .car-one .car-course a{
        color: #000;
    }
    .car-one .car-price{
        color: #f00;
        font-weight: bold;
    }
    .car-one h3{
        padding:18px 0 10px 0;
        font-size: 12px;
        overflow: hidden;
        line-height: 12px;
    }
    .car-one .car-course a:hover{
        color: #30a3ff;
        text-decoration: underline;
    }
    .car-one .car-operation a:hover{
        color: #30a3ff;
    }
    .car-bottom{
        height:50px;
        margin-bottom: 50px;
    }
    .car-money{
        width:1069px;
        float: left;
        text-align: right;
        border: 1px solid #e0e0e0;
        border-right: 0;
        height:48px;
        line-height: 48px;
        padding-right: 12px;
    }
    .car-money span{
        margin-left: 40px;
    }
    .car-money span strong{
        color: #f00;
        font-size: 16px;
    }
    .car-money span:nth-of-type(1) strong{
        margin:0 8px;
    }
    .car-money span:nth-of-type(2) strong{
        margin:0 15px;
    }
    .pay-button{
        float: left;
        width:118px;
        height:50px;
        background: url("them/imag/order.png") no-repeat;
        cursor: pointer;
    }
</style>